@charset "UTF-8";

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea,
th, td {
  margin: 0;
  padding: 0; }

/** 设置默认字体 **/
body,
button, input, select, textarea {
  font: 12px/1.5  MicrosoftYaHei, arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

address, cite, dfn, em, var {
  font-style: normal; }

/* 将斜体扶正 */
code, kbd, pre, samp {
  font-family: MicrosoftYaHei }

/* 统一等宽字体 */
small {
  font-size: 12px; }

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol {
  list-style: none; }

/** 重置文本格式元素 **/
a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/** 重置表单元素 **/
legend {
  color: #000; }

/* for ie6 */
fieldset, img {
  border: 0; }

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
  font-size: 100%; }

/* 使得表单元素在 ie 下能继承字体大小 */
/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 清除浮动 */
.clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both; }

.clear {
  *zoom: 1; }
 
/* 空内容 */
.empty-holder {
  position: relative;
  top: 50%;
  width: 100%;
  height: 200px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #999;
  transform: translateY(-50%);
}
.empty-holder.small {
  height: 100px;
  font-size: 14px;
}
.empty-holder:before {
  display: block;
  content: '\e68c';
  font-size: 120px;
  line-height: 1.2;
}
.empty-holder.small:before {
  font-size: 60px;
}

.FreeScrollbar .FreeScrollbar-vertical-track{
 display: none;
}
.FreeScrollbar:hover .FreeScrollbar-vertical-track{
 display: block;
}
.FreeScrollbar-container{
  bottom: -18px!important;
}
.FreeScrollbar-horizontal-track{
  display: none;
}




/*支付图标*/
.payment-frame{
      width: 80px;
      height: 80px; 
      border-radius: 4px; 
      position: relative;
      overflow: hidden;
      text-align: center;
      display: inline-block;
      vertical-align: top;
      margin-top: 20px;
      margin-left: 20px;
      cursor: pointer; 
  }

  .payment-frame>i{
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #fff;
      display: block; 
      font-size: 28px;
  }
  .payment-frame>.icon-yes{
     display:block; 
      font-size:30px;
      color:#fff;
      position:absolute;
      top: 17px;
      right: 0;
      z-index:3
  }

  .payment-frame>span{ 
      font-size: 14px;
      color: #FFFFFF;
  }
  .payment-frame>em{
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 25px;
    background: #ffd406;
    transform-origin: 100% 100%;
    transform: rotate(30deg);
    font-size: 10px;
    line-height: 36px;
    padding-left: 19px;
    color: #000; 
  }
  .payment-frame>.num{
    z-index: 99;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #F65757;
    border-radius: 10px;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0 6px;
  }

  .payment-frame > span::before{
      content: '';
      position: absolute;
      top: -21px;
      left: 18px;
      width: 45px;
      height: 78px;
      border-radius: 100% 0 0 0;
      background: #fff;
      opacity: 0.2; 
      transform: rotate(-90deg); 
  }
  /*.paymask::after{
     display:block;
      content:'\e601';
      font-size:30px;
      color:#fff;
      position:absolute;
     top: 17px;
    right: 23px;
      z-index:3
  }*/
  .paymask::before{ 
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    border-radius: 4px;

  }
   
 

  .pay-yellow{
      background: #eeb01a; 
  }
  .pay-green{
      background: #00b700; 
  }
  .pay-blue{
      background: #25abee;
  }
  .pay-purple{
      background:#854cf4;
  }
  .pay-azureblue{
      background:#4f79dc;
  }
  .pay-cilaccolour{
      background-color: #8e729d;
  }